<html>
<head>
<link rel="stylesheet" type="text/css" href="mcstyles.css" />

<script type="text/javascript" src="../common/js/loadxmldoc.js"></script>
<script src="http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js" type="text/javascript"></script>
<script type="text/javascript" src="../common/js/helperfunctions.js"></script>
<script type="text/javascript" src="multiplechoicestate.js"></script>
<script type="text/javascript" src="mc.js"></script>
<script type="text/javascript">
var mc;   // global variable so it can be accessed by other functions

var states = [];  // array of MCSTATE objects
 
function renderMC() {
  xmlDoc=loadXMLDoc("multiplechoice.xml");
  mc = new MC(xmlDoc);
  mc.render();
}
</script>

</head>

<body>

<div id="centeredDiv">

<div id="locationBar">
	<div class="Unit1">Unit 1</div>
    <div class="stepTypeLabel">Self Check</div>
    <div class="selfCheck"></div>
</div>

<div id="questionHeader">question x of y</div>
<div id="questionGoal">Goal: Answer the question below by selecting the best choice.</div>

<div id="promptDiv">Prompt goes here. This text will automatically be replaced by actual prompt.
</div>

<div id="radiobuttondiv">
</div>

<div id="numberAttemptsDiv">
</div>
<div id="lastAttemptDiv">
</div>

<div id="submitbuttonDiv">
  <a href="#" id="checkAnswerButton" onClick="javascript:checkAnswer();">Check Answer</a>
  <a href="#" id="tryAgainButton" onClick="javascript:tryAgain();">Try Again</a>
</div>

<div id="feedbackdiv">
</div>

</div>   <!-- end centered Div -->
<script type="text/javascript">
renderMC();
</script>
</body>
</html>